<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>a标签的使用</title>
  <!-- 5、base标签 写在head里面 指定a标签的打开方式 -->
  <base target="_blank">
</head>
<body>
  <!-- 作用
    1、a标签控制页面和页面之间的跳转
    href-连接到其它页面
    target-控制跳转方式_blank在新窗口中打开、_self在当前窗口打开
   -->
  <a href="https://www.baidu.com" target="_blank">百度一下</a>
  <a href="https://www.baidu.com" target="_self">自己打开百度一下</a>

  <!-- 
    2、使用图片打开a标签的链接
   -->
  <a href="https://www.baidu.com">
    <img src="./图片/1.jpg" width="400px" alt="">
  </a>


  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div id="center">中间div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <div>我是一个div</div>
  <!-- 3、锚点 
  3.1回到头部——href=#
  3.2回到其它部分——href=#id
  3.3跨页面锚点——
  -->
  <a href="#">返回顶部</a>
  <a href="#center">回到中间的div</a>
  <a href="./5-基础标签使用.html#one">跳转5页面的h1
  </a>

  <!-- 4、mailto链接 -打开电脑自带邮件 -->
  <a href="mailto:1229663295@qq.com">发送邮件</a>

  


  
</body>
</html>